1 /*
2 html5doctor.com Reset Stylesheet
3 v1.6.1
4 Last Updated: 2010-09-17
5 Author: Richard Clark - http://richclarkdesign.com
6 Twitter: @rich_clark
7 */
8
9 html, body, div, span, object, iframe,
10 h1, h2, h3, h4, h5, h6, p, blockquote, pre,
11 abbr, address, cite, code,
12 del, dfn, em, img, ins, kbd, q, samp,
13 small, strong, sub, sup, var,
14 b, i,
15 dl, dt, dd, ol, ul, li,
16 fieldset, form, label, legend,
17 table, caption, tbody, tfoot, thead, tr, th, td,
18 article, aside, canvas, details, figcaption, figure,
19 footer, header, hgroup, menu, nav, section, summary,
20 time, mark, audio, video {
21 margin:0;
22 padding:0;
23 border:0;
24 outline:0;
25 font-size:100%;
26 vertical-align:baseline;
27 background:transparent;
28 }
29
30 body {
31 line-height:1;
32 }
33
34 article,aside,details,figcaption,figure,
35 footer,header,hgroup,menu,nav,section {
36 display:block;
37 }
38
39 nav ul {
40 list-style:none;
41 }
42
43 blockquote, q {
44 quotes:none;
45 }
46
47 blockquote:before, blockquote:after,
48 q:before, q:after {
49 content:'';
50 content:none;
51 }
52
53 a {
54 margin:0;
55 padding:0;
56 font-size:100%;
57 vertical-align:baseline;
58 background:transparent;
59 }
60
61 /* change colours to suit your needs */
62 ins {
63 background-color:#ff9;
64 color:#000;
65 text-decoration:none;
66 }
67
68 /* change colours to suit your needs */
69 mark {
70 background-color:#ff9;
71 color:#000;
72 font-style:italic;
73 font-weight:bold;
74 }
75
76 del {
77 text-decoration: line-through;
78 }
79
80 abbr[title], dfn[title] {
81 border-bottom:1px dotted;
82 cursor:help;
83 }
84
85 table {
86 border-collapse:collapse;
87 border-spacing:0;
88 }
89
90 /* change border colour to suit your needs */
91 hr {
92 display:block;
93 height:1px;
94 border:0;
95 border-top:1px solid #cccccc;
96 margin:1em 0;
97 padding:0;
98 }
99
100 input, select {
101 vertical-align:middle;
102 }
103
104 /*MY CODE*/
105
106 .main-wrapper {
107 margin: 0 auto;
108 width: 1000px;
109 }
110
111 a {
112 text-decoration: none;
113 }
114
115 body {
116 background-color: #ccc;
117 }
118
119 header nav {
120 width: 100%;
121 height: 60px;
122 background-color: #fff;
123 }
124
125 header nav ul {
126 float: left;
127 }
128
129 header nav ul li {
130 float: left;
131 list-style: none;
132 }
133
134 header nav ul li a {
135 font-family: arial;
136 font-size: 16px;
137 color: #111;
138 line-height: 63px;
139 }
140
141 header .nav-login {
142 float: right;
143 }
144
145 header .nav-login form {
146 float: left;
147 padding-top: 15px;
148 }
149
150 header .nav-login form input {
151 float: left;
152 width: 140px;
153 height: 30px;
154 padding: 0px 10px;
155 margin-right: 10px;
156 border: none;
157 background-color: #ccc;
158 font-family: arial;
159 font-size: 14px;
160 color: #111;
161 line-height: 30px;
162 }
163
164 header .nav-login form button {
165 float: left;
166 width: 60px;
167 height: 30px;
168 margin-right: 10px;
169 border: none;
170 background-color: #f3f3f3;
171 font-family: arial;
172 font-size: 14px;
173 color: #111;
174 cursor: pointer;
175 }
176
177 header .nav-login form button:hover {
178 background-color: #ccc;
179 }
180
181 header .nav-login a {
182 display: block;
183 width: 60px;
184 height: 60px;
185 border: none;
186 float: left;
187 background-color: #fff;
188 font-family: arial;
189 font-size: 16px;
190 color: #111;
191 line-height: 63px;
192 cursor: pointer;
193 }
194
195 .main-container {
196 padding-top: 40px;
197 }
198
199 .main-container h2 {
200 font-family: arial;
201 font-size: 40px;
202 color: #111;
203 line-height: 50px;
204 text-align: center;
205 }
206
207 /*signup.php*/
208
209 .signup-form {
210 width: 400px;
211 margin: 0 auto;
212 padding-top: 30px;
213 }
214
215 .signup-form input {
216 width: 90%;
217 height: 40px;
218 padding: 0px 5%;
219 margin-bottom: 4px;
220 border: none;
221 background-color: #fff;
222 font-family: arial;
223 font-size: 16px;
224 color: #111;
225 line-height: 40px;
226 }
227
228 .signup-form button {
229 display: block;
230 margin: 0 auto;
231 width: 30%;
232 height: 40px;
233 border: none;
234 background-color: #222;
235 font-family: arial;
236 font-size: 16px;
237 color: #fff;
238 cursor: pointer;
239 }
240
241 .signup-form button:hover {
242 background-color: #111;
243 }